<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>list</title>
		<!--列表样式-->
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/list.css" />

		<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
		<!--<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>-->

		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/main.js"></script>
		{{include file="VIEW_PATH/Common/header.php"}}
			<!--列表开始-->
			
			
			
			
			
			<!--列表结束-->
			<div id="list-wrap">
				<div class="hr-top"></div>
				<div class="lsit-innder">
					<div class="path-box">
						<a href="">首页</a>&nbsp;&nbsp;<i>&gt;</i>&nbsp;&nbsp;<a href="">皮具箱包</a>&nbsp;&nbsp;<i>&gt;</i>&nbsp;&nbsp;<span>功能箱包</span>
					</div>
					<div class="list-content">
						<div class="list-content-left">
							<div class="list-title">
								<h2>皮具箱包</h2>
							</div>
							<div class="con">
								<div class="con-list">
									<h3>功能箱包</h3>
									<ul>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
									</ul>
								</div>
								<div class="con-list suoxiao-list">
									<h3>功能箱包</h3>
									<ul>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
									</ul>
								</div>
								<div class="con-list suoxiao-list">
									<h3>功能箱包</h3>
									<ul>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
										<li><a href="">拉杆箱</a></li>
									</ul>
								</div>
								
							</div>
							
						</div>
						<div class="list-content-right">
							<div id="opt-list">
								<div id="brand_Name_FacetAll">
									<dl>
										<dt>品牌</dt>
										<dd class="list-dd">
											<div class="brand-list">
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											</div>
										</dd>
									</dl>
									<dl class="list-price1">
										<dt>价格</dt>
										<dd class="list-dd1">
											<div class="brand-list1">
											<span>0-200</span>	
											<span>200-300</span>	
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											<span>1000以上</span>	
											<span>
												<div class="input-price">
													<input type="text" name="" id="" value="" />
													<i>-</i>
													<input type="text" name="" id="" value="" />
												
												</div>
											</span>
											<button>确定</button>
											</div>
										</dd>
										
									</dl>
									<dl class="list-price1">
										<dt>分类</dt>
										<dd class="list-dd1">
											<div class="brand-list1">
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											</div>
										</dd>
										
									</dl>
									<dl class="list-price1">
										<dt>尺寸</dt>
										<dd class="list-dd1">
											<div class="brand-list1">
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											<span>美国箱包</span>	
											</div>
										</dd>
										
									</dl>
									<dl class="list-price1">
										<dt>其他选项</dt>
										<dd class="list-dd1">
											<div class="brand-list1">
											<span>材质</span>	
											<span>滚轮样式</span>	
											<span>箱包图案</span>	
											<span>硬度</span>	
											</div>
										</dd>
									</dl>
								</div>
							</div>
							<div id="sencond-filter">
								<a class="juse" href="">默认</a>
								<a href="">销量</a><strong></strong>
								<a href="">评论</a><strong></strong>
								<a href="">价格</a><strong></strong>
								<span>收获地</span>
								<a class="ui-city-toggel" href="">四川 成都</a>
							</div>
							<div id="filter-results">
								<ul>
									{{foreach from="$goodsData" key="$k" value="$v"}}
									<li>
										<div class="list-li-wrap">
											<div class="res-img">
												<div class="img-block">
												<a href="{{U('Content/index',array('gid' => $v['gid']))}}"><img src="{{$v['pic']}}" alt="" /></a>
													
												</div>
												<div class="img-change">
													<div id="img-change-innder">
													{{foreach from="$v['small']" key="$kk" value="$vv"}}
														<a href=""><img width="39" src="{{$vv}}" alt="" /></a>
														{{endforeach}}
													</div>
												</div>
											</div>
											<p class="prive-tag"><i>￥</i><span>&nbsp;&nbsp;{{$v['shopprice']}}</span></p>
											<p class="list-p">{{$v['gname']}}</p>
											<p class="com-cnt">
												<i>点击</i>&nbsp;&nbsp;&nbsp;&nbsp;<a
													class="a-num" href="javascript:;">{{$v['click']}}</a>
													<a class="soucang" href="">收藏</a>
											</p>
											<p class="shop-dian"><a href="">苏宁自营</a></p>
											<p class="xiangqing">
												<a class="yincang-a" href="{{U('Content/index',array('gid' => $v['gid']))}}">详情</a>
												<a class="yincang-a" href="javascript:;">对比</a>
											</p>
										</div>
									</li>
									{{endforeach}}
									<li>
										<div class="list-li-wrap">
											<div class="res-img">
												<div class="img-block">
													<img src="./Public/Home/img/list/list11.jpg" alt="" />
												</div>
												<div class="img-change">
													<div id="img-change-innder">
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
													</div>
												</div>
											</div>
											<p class="prive-tag"><i>￥</i><span>&nbsp;&nbsp;81.80</span></p>
											<p class="list-p">瑞士军刀（SWISSGEAR）14.6英寸电脑双肩背包 SA9393BL</p>
											<p class="com-cnt">
												<i>评论</i>&nbsp;&nbsp;&nbsp;&nbsp;<a
													class="a-num" href="">533</a>
													<a class="soucang" href="">收藏</a>
											</p>
											<p class="shop-dian"><a href="">苏宁自营</a></p>
											<p class="xiangqing">
												<a class="yincang-a" href="">详情</a>
												<a class="yincang-a" href="">对比</a>
											</p>
										</div>
									</li>
									<li>
										<div class="list-li-wrap">
											<div class="res-img">
												<div class="img-block">
													<img src="./Public/Home/img/list/list11.jpg" alt="" />
												</div>
												<div class="img-change">
													<div id="img-change-innder">
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
													</div>
												</div>
											</div>
											<p class="prive-tag"><i>￥</i><span>&nbsp;&nbsp;81.80</span></p>
											<p class="list-p">瑞士军刀（SWISSGEAR）14.6英寸电脑双肩背包 SA9393BL</p>
											<p class="com-cnt">
												<i>评论</i>&nbsp;&nbsp;&nbsp;&nbsp;<a
													class="a-num" href="">533</a>
													<a class="soucang" href="">收藏</a>
											</p>
											<p class="shop-dian"><a href="">苏宁自营</a></p>
											<p class="xiangqing">
												<a class="yincang-a" href="">详情</a>
												<a class="yincang-a" href="">对比</a>
											</p>
										</div>
									</li>
									<li>
										<div class="list-li-wrap">
											<div class="res-img">
												<div class="img-block">
													<img src="./Public/Home/img/list/list11.jpg" alt="" />
												</div>
												<div class="img-change">
													<div id="img-change-innder">
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
													</div>
												</div>
											</div>
											<p class="prive-tag"><i>￥</i><span>&nbsp;&nbsp;81.80</span></p>
											<p class="list-p">瑞士军刀（SWISSGEAR）14.6英寸电脑双肩背包 SA9393BL</p>
											<p class="com-cnt">
												<i>评论</i>&nbsp;&nbsp;&nbsp;&nbsp;<a
													class="a-num" href="">533</a>
													<a class="soucang" href="">收藏</a>
											</p>
											<p class="shop-dian"><a href="">苏宁自营</a></p>
											<p class="xiangqing">
												<a class="yincang-a" href="">详情</a>
												<a class="yincang-a" href="">对比</a>
											</p>
										</div>
									</li>
									<li>
										<div class="list-li-wrap">
											<div class="res-img">
												<div class="img-block">
													<img src="./Public/Home/img/list/list11.jpg" alt="" />
												</div>
												<div class="img-change">
													<div id="img-change-innder">
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
														<a href=""><img width="39" src="./Public/Home/img/list/list-suoluetu1.jpg" alt="" /></a>
													</div>
												</div>
											</div>
											<p class="prive-tag"><i>￥</i><span>&nbsp;&nbsp;81.80</span></p>
											<p class="list-p">瑞士军刀（SWISSGEAR）14.6英寸电脑双肩背包 SA9393BL</p>
											<p class="com-cnt">
												<i>评论</i>&nbsp;&nbsp;&nbsp;&nbsp;<a
													class="a-num" href="">533</a>
													<a class="soucang" href="">收藏</a>
											</p>
											<p class="shop-dian"><a href="">苏宁自营</a></p>
											<p class="xiangqing">
												<a class="yincang-a" href="">详情</a>
												<a class="yincang-a" href="">对比</a>
											</p>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>	
			
			{{include file="VIEW_PATH/Common/footer.php"}}
</body>
</html>